<template>
  <div class="evaluation">
    <div class="evaluationSection">
      <span style="font-size: 20px;color:#323334;font-weight: bold;">测评</span>
      <span @click="onMoreEvaluationClick">更多></span>
    </div>
    <evaluation-list :list="list"/>
  </div>
</template>
<script>
  import EvaluationList from "../../../evaluation/component/EvaluationList";
  import {push} from "../../../../router/util";

  export default {
    name: 'EvaluationSection',
    components: {EvaluationList},
    props: ['list'],
    methods: {
      onMoreEvaluationClick() {
        push("/evaluation-list")
      },
    },
  }
</script>
<style scoped>

  .evaluation {
    margin-bottom: 16px;
    width: calc(100% - 32px);
    margin-right: auto;
    margin-left: auto;
  }

  .evaluationSection {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 12px;
  }

  .evaluationSection span:nth-child(1) {
    font-size: 16px;
    font-weight: bold;
  }

  .evaluationSection span:nth-child(2) {
    font-size: 14px;
    padding-left: 20px;
  }

  .evaluationContent p:nth-child(1) {
    margin-left: 8px;
    color: #323334;
    font-size: 16px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 4px;
  }

  .evaluationContent p:nth-child(2) {
    margin-left: 8px;
    font-size: 14px;
    color: #909092;
  }
</style>
